<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <h1 class="title ui-widget-header ui-corner-all">Bem Vindo a Listagem de Transferências Simplificada</h1>

        <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>

        <p:dialog modal="true" widgetVar="statusDialog" header="Aguarde ... Processando ..." draggable="false" closable="false">
            <p:graphicImage value="/design/ajaxloadingbar.gif" />
        </p:dialog>

        <h:form id="frmRelTransferencia" prependId="false">
            <div id="limites">
                <div id="conteudo">
                    <p:panel id="panel" header="Impressão Relatório das Transferências Simplificada" style="text-align: center">
                        <div align="center">
                            <h:panelGrid id="display" columns="2" style="margin-bottom:50px" cellpadding="5" columnClasses="coluna1, coluna2">
                                <h:outputText value="Ordenação:" />
                                <h:selectOneRadio id="order" value="#{relatorioLivroTransferenciaBean.order}" layout="pageDirection">
                                    <f:selectItem itemLabel="Razão Social / Nome" itemValue="R" />
                                    <f:selectItem itemLabel="Data de Transferência" itemValue="D" />
                                    <f:selectItem itemLabel="Tipo de Transferência" itemValue="T" />
                                </h:selectOneRadio>
                                
                                <h:outputText value="Tipo de Transferência:" />
                                <h:panelGrid columns="2" >
                                    <p:inputText id="inTipo" value="#{relatorioLivroTransferenciaBean.selectedTipoTransferencia.dscTipo}" readonly="true" 
                                                 required="true" style="width:400px; font-weight:bold;" />
                                    <p:commandButton image="ui-icon ui-icon-search" title="Pesquisar Tipo de Transferencia" onclick="tipoDialog.show()" process="@all" rendered="#{cautelaBean.disable}" /> 
                                </h:panelGrid>

                                <f:facet name="footer">
                                    <p:dataTable id="tabTransferencia" widgetVar="tabTransferencia" var="certificado" value="#{relatorioLivroTransferenciaBean.certificadoList}" 
                                                 paginator="true" rows="5" selection="#{relatorioLivroTransferenciaBean.selectedCertificadoCheck}"
                                                 emptyMessage="Nenhum Acionista Selecionado ...">

                                        <p:column selectionMode="multiple" style="width:18px"/>

                                        <p:column headerText="Acionista">
                                            <h:outputText value="#{certificado.nomCliente}" />
                                        </p:column>

                                    </p:dataTable>
                                </f:facet>
                            </h:panelGrid>

                            <p:commandButton value="Gerar Relatório" update="messages, panel, display, tabTransferencia" actionListener="#{relatorioLivroTransferenciaBean.gerarTransferencia}" />
                            <p:commandButton value="Imprimir Relatório" update="messages" onclick="submitform('#{request.contextPath}/relatorio','transferenciaSimplificada')" />

                            <div id="conexao" name="conexao" style="visibility:hidden" align="center">
                                <p:fieldset legend="Aguarde ...">
                                    <img src="images/comunicacao.gif" width="200" height="100" alt="comunicacao"/>
                                </p:fieldset>
                            </div>
                        </div>
                        <h:inputHidden id="inIdTipo" value="#{relatorioLivroTransferenciaBean.selectedTipoTransferencia.idTipo}" />
                    </p:panel>
                </div>
            </div>
            <!-- PESQUISA TIPO TRANSFERENCIA -->
            <p:dialog id="dialogTipo" header="Pesquisa dos Tipos de Transferencias" widgetVar="tipoDialog" resizable="true"
                      width="600" showEffect="explode" hideEffect="explode" position="'right',30">

                <p:dataTable id="tabTipoTransferencia" widgetVar="wtabTipoTransferencia" var="tipoTransferencia" 
                             value="#{tipoTransferenciaBean.lazyModel}" paginator="true" rows="5" lazy="true"
                             selection="#{relatorioLivroTransferenciaBean.selectedTipoTransferencia}" selectionMode="single"
                             onRowSelectComplete="tipoDialog.hide()" onRowSelectUpdate="messages, panel, display"
                             rowSelectListener="#{relatorioLivroTransferenciaBean.onRowSelectNavigateTipoTransf}">

                    <f:facet name="header">
                        <div style="text-align: center">
                            Selecione uma linha e clique para Manutenção
                        </div>
                    </f:facet>

                    <p:column headerText="Descrição" sortBy="#{tipoTransferencia.dscTipo}" filterBy="#{tipoTransferencia.dscTipo}">
                        <h:outputText value="#{tipoTransferencia.dscTipo}" />
                    </p:column>
                </p:dataTable>

            </p:dialog>
            
        </h:form>
    </ui:define>
</ui:composition>